<template>
    <div id="app">
        <!--加了keep-alive第二次进入页面时会不在请求数据，所以迫不得已千万不要弄动画-->
        <!--<transition name="slide-fade">-->
            <!--<keep-alive>-->
                <router-view></router-view>
            <!--</keep-alive>-->
        <!--</transition>-->
    </div>
</template>

<script>
export default {
    name: 'app',
}
</script>

<style>
* {
    margin: 0;
    padding: 0; 
}
.slide-fade-enter-active {
    transition: all .3s ease;
}
.slide-fade-leave-active {
    transition: all 0 cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);;
    opacity: 0;
}
</style>
